@charset "utf-8";

@function n($px){
    @return $px/2;
}

$border-color: #ff9344;

.slideul{
    font-size: 0;
    li{
        display: inline-block;
         width: 25%;
        text-align: center;
        .slideimg{
            margin: 0 auto;
            width: 81%;
            &.circle{
                border-radius: 50%;
            }
            overflow: hidden;
            img{
                width: 100%;
            }
        }
        p{
           font-size: 4vm;     /*IE9*/
           font-size: 4vmin;   /*其他浏览器*/
           letter-spacing: 2px;
        }
    }
}
.slidetap{
    margin-top: 4px;
    text-align: center;
    li{
        display: inline-block;
        a{
            display: inline-block;
            border: n(18px) solid #ffc9a1;
            border-radius: n(18px);
            &.hover{
                cursor: pointer;
            }
        }
        &.activate{
            a{
                border: n(18px) solid $border-color; 
            }
        }
    }
}
.classcoupon{
     position: relative;
     margin-top: n(18px);
     margin-bottom: n(18px);
    .left{
        margin-left: 4%;
        float: left;
        width: 100%;
        span{
            display: inline-block;
            vertical-align: middle;
            max-width: 140px;
        }
        img{
            vertical-align: middle;
            width: 27.5px;
        }
    }
    .text_right{
        position: absolute;
        top: 50%;
        right: 4%;
        transform: translateY(-50%);
        color: black;
        >i{
            color: $border-color;
        }
    }
}
